<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta charset="UTF-8">
<title>搜索车辆</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/search.css">

</head>

<body>
<div style="" align="center">
<%@ include file="top.jsp" %>
</div>
<div id="mainbody">
<div id="container" class="searchbykey">
<div class="search bar7">
	<form   method="post" action="${pageContext.request.contextPath}/car/querycarsbykey.action">
	<input 	 type="text" name="key"  placeholder="请输入搜索关键词">
	<button type="submit" value="搜索">
</form>
</div>
</div>


<div class="main" align="left" style="width:80%  ">
	<div class="search">
		<div  style="background-color: #f5f5f5	">
			<div style="height: 25px;padding:5px">详细查找</div>
			<form action="${pageContext.request.contextPath}/car/querycars.action"  method="post">
			<div class="price" style="height: 25px;padding:5px" >
			<lable>价格：</lable>
			<input type="radio" name="car06" value="50000">			<lable>5w</lable>
			<input type="radio" name="car06" value="100000">			<lable>10w</lable>
			<input type="radio"  name="car06" value="200000">			<lable>20w</lable>
			<input type="radio"  name="car06" value="1000000000">			<lable>20w+</lable>
			</div>
			<div class="changshang" style="height: 25px;padding:5px">
			<lable>厂商：</lable>
			<input type="radio" name="car04" value="本田">			<lable>本田</lable>
			<input type="radio" name="car04" value="丰田">			<lable>丰田</lable>
			<input type="radio"  name="car04" value="大众">			<lable>大众</lable>
			<input type="radio"  name="car04" value="宝马">			<lable>宝马</lable>
			</div>
			<div class="chexing" style="height: 25px;padding:5px">
			<lable>车型：</lable>
			<input type="radio" name="car05" value="微型车">			<lable>微型车</lable>
			<input type="radio" name="car05" value="小型车">			<lable>小型车</lable>
			<input type="radio"  name="car05" value="中型车">			<lable>中型车</lable>
			<input type="radio"  name="car05" value="SUV">			<lable>SUV</lable>
			</div>
			<div class="nengyuan" style="height: 25px;padding:5px">
			<lable>能源：</lable>
			<input type="radio" name="car07" value="汽油">			<lable>汽油</lable>
			<input type="radio" name="car07" value="柴油">			<lable>柴油</lable>
			<input type="radio"  name="car07" value="油电混合">			<lable>油电混合</lable>
			<input type="radio"  name="car07" value="纯电动">			<lable>纯电动</lable>
			</div>
			<div class="shijian" style="height: 25px;padding:5px">
			<lable>上市时间：</lable>
			<input type="date" name="car08" >		
			</div>
			
			<input type="submit" value="搜索" >
			
			</form>
		</div>

	</div>
	<br>
	

	
	<div class="result" >
		<c:forEach items="${carList }" var="car">
			<div class="car" style="float:left;width:200px;border:1px solid #000;margin:20px;height: 250px" onclick="window.location.href='${pageContext.request.contextPath}/forum/showResponse.action?car01=${car.car01}'">
			名称:${car.car02}<br>
			型号:${car.car03}<br>
			品牌:${car.car04}<br>
			车型:${car.car05}<br>
			价格:${car.car06}<br>
			能源:${car.car07}<br>
			出厂日期:${car.car08}<br>
			口碑:<br>
			空间:${car.car09}<br>
			操控:${car.car10}<br>
			油耗:${car.car11}<br>
			外观:${car.car12}<br>
			性价比:${car.car13}<br>
			</div>
		
		</c:forEach>

		
		<div class="car" style="float:left;width:200px;border:1px solid #000;margin:20px">
			<label>假装这里有汽车<br><br><br><br><br></label>
		</div>


	</div>
</div>

</div>
</body>
</html>